@media screen and (min-width:768px) {
    .__vev_calendar-wrapper {
        max-width:1200px;
        margin:0 auto
    }
    .__vev_calendar-wrapper .cal-wrapper {
        width:50%;
        padding:100px 50px
    }
    .__vev_calendar-wrapper .cal-wrapper .date-num {
        line-height:50px
    }
    .__vev_calendar-wrapper .events-wrapper {
        width:50%;
        background:linear-gradient(90deg,rgba(245,107,50,1) 1%,rgba(236,71,54,1) 100%);
        color:#fff;
        padding:40px 45px;
        position:absolute;
        left:50%;
        top:0;
        bottom:0
    }
}@media screen and (max-width:768px) {
    .__vev_calendar-wrapper .cal-wrapper {
        width:100%;
    }
    .__vev_calendar-wrapper .cal-wrapper .date-num {
        line-height:42px
    }
    .__vev_calendar-wrapper .events-wrapper {
        width:100%;
        margin-top:10px;
        padding:10px
    }
}.__vev_calendar-wrapper {
    position:relative;
    overflow:hidden;
    width:100%
}

.__vev_calendar-wrapper * {
    box-sizing:border-box
}
.__vev_calendar-wrapper::-webkit-scrollbar {
    width:8px;
    height:8px
}
.__vev_calendar-wrapper::-webkit-scrollbar-track {
    box-shadow:inset 0 0 2px rgba(0,0,0,.2);
    border-radius:5px
}
.__vev_calendar-wrapper::-webkit-scrollbar-thumb {
    border-radius:5px;
    background:rgba(0,0,0,.2)
}
.__vev_calendar-wrapper .cal-wrapper .cal-header {
    position:relative;
    width:100%;
    background-color:#fff;
    font-weight:500;
    overflow:hidden;
    padding-bottom:10px;
    display: none;
}
.__vev_calendar-wrapper .cal-wrapper .cal-header>div {
    float:left;
    line-height:20px;
    padding:15px
}
.__vev_calendar-wrapper .cal-wrapper .cal-header .title {
    width:60%;
    text-align:center
}
.__vev_calendar-wrapper .cal-wrapper .cal-header .l {
    text-align:left;
    width:20%;
    cursor:pointer;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.__vev_calendar-wrapper .cal-wrapper .cal-header .r {
    text-align:right;
    width:20%;
    cursor:pointer;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.__vev_calendar-wrapper .cal-wrapper .cal-body {
    width:100%;
    background:linear-gradient(150deg,rgba(245,107,50,1) 1%,rgba(236,71,54,1) 100%);
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .weeks {
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:14px
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .weeks .item {
    line-height:2;
    float:left;
    width:14.285%;
    font-size: 0.4rem;
    color: #F9C7BF;
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates {
    width:100%;
    overflow:hidden;
    text-align:center;
    font-size:14px
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item {
    position:relative;
    float:left;
    display:block;
    width:14.285%;
    cursor:default;
    color: white;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item .date-num {
    font-size:14px;
    position:relative;
    z-index:3;


}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item.event  {
    cursor:pointer;
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item.event .date-num {
    cursor:pointer;
    color: white!important;
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item.selected-day{
    position: relative;
    color: #EC4736!important;
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item.selected-day:after{
    content:'';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color:#FEE300!important;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    transform: translate(-50%,-50%);
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item.selected-day .is-event {
    background-color:#f29543
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item .is-event {
    content:"";
    background-color:#FEE300!important;
    border-radius:50%;
    opacity:.8;
    width:0.2rem;
    height:0.2rem;
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    margin-left:-0.1rem;
    margin-top:0.2rem
}
.__vev_calendar-wrapper .cal-wrapper .cal-body .dates .item .is-today {
    display: none;
    content:"";
    background: #FEE300!important;
    border-radius:50%;
    width:36px;
    height:36px;
    position:absolute;
    left:50%;
    top:50%;
    z-index:1;
    margin-left:-18px;
    margin-top:-19px
}
.__vev_calendar-wrapper .events-wrapper {
    border-radius:10px;
    display: none;
}
.__vev_calendar-wrapper .events-wrapper .cal-events {
    height:95%;
    overflow-y:auto;
    padding:0 5px;
    margin:15px 0
}
.__vev_calendar-wrapper .events-wrapper .date {
    max-width:60%;
    min-width:200px;
    text-align:center;
    color:#fff;
    background-color:rgba(0,0,0,.2);
    border-radius:20px;
    margin:0 auto;
    font-size:22px
}
.__vev_calendar-wrapper .events-wrapper .event-item {
    padding:5px 20px;
    margin-top:15px;
    box-shadow:0 3px 11px 2px rgba(0,0,0,.1);
    background-color:#fff;
    border-radius:5px;
    color:#323232;
    position:relative
}
.__vev_calendar-wrapper .events-wrapper .event-item:first-child {
    margin-top:0
}
.__vev_calendar-wrapper .events-wrapper .event-item .title {
    height:40px;
    line-height:40px;
    color:#323232;
    font-size:16px;
    border-bottom:1px solid #f2f2f2
}
.__vev_calendar-wrapper .events-wrapper .event-item .time {
    position:absolute;
    right:30px;
    top:17px;
    color:#9b9b9b;
    font-size:14px
}
.__vev_calendar-wrapper .events-wrapper .event-item .desc {
    color:#9b9b9b;
    font-size:14px;
    padding:7px 0
}
.__vev_calendar-wrapper .arrow-left.icon {
    color:#000;
    position:absolute;
    left:6%;
    margin-top:10px
}
.__vev_calendar-wrapper .arrow-left.icon:before {
    content:"";
    position:absolute;
    left:1px;
    top:-5px;
    width:10px;
    height:10px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.__vev_calendar-wrapper .arrow-right.icon {
    color:#000;
    position:absolute;
    right:6%;
    margin-top:10px
}
.__vev_calendar-wrapper .arrow-right.icon:before {
    content:"";
    position:absolute;
    right:1px;
    top:-5px;
    width:10px;
    height:10px;
    border-top:1px solid currentColor;
    border-right:1px solid currentColor;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.__vev_calendar-wrapper h3,.__vev_calendar-wrapper p {
    margin:0;
    padding:0
}
